<template>
  <div>
    <div v-if="position == 'left'">
      <div class="al-border-left-color-light-green al-m-top-20px"
           :class="borderColor"
      >
        <span class="al-title-h2 al-m-left-10px">{{titleText}}</span>
        <span class="al-title-h3 al-m-left-10px">{{titleText2}}</span>
      </div>
    </div>

    <div v-if="position == 'center'" class="al-box-container">
      <div class="al-title-h2 al-p-10px">{{titleText}}</div>
      <div class="al-title-h3 al-p-10px">{{titleText2}}</div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "TitleNode",
    props: {
      position: {
        type: String,
        default: 'left'
      },
      titleText: String,
      titleText2: String,
      borderColor: String

    }
  }
</script>

<style scoped>

</style>
